button {
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition:
    background-color 0.3s ease,
    box-shadow 0.3s ease;
}

button:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

button.primary {
  background-color: #007bff;
  color: white;
}

button.secondary {
  background-color: #6c757d;
  color: white;
}

button.danger {
  background-color: #dc3545;
  color: white;
}
